<template>
<div>
  <router-link to="/layout/course">
  <div style="font-weight:bold;font-size:18px;line-height:60px;margin-left:30px" class="biaoti"><img src="../../../assets/shugang.png" alt="">&emsp;课程信息</div>
  </router-link>
  <table class="table">
    <thead>
      <tr>
        <td width="120px" style="font-weight:bold">课程</td>
        <td width="160px" style="font-weight:bold">课程名称</td>
        <td width="120px" style="font-weight:bold">授课老师</td>
        <td width="140px" style="font-weight:bold">课程价格(元)</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><img src="../../../assets/kecheng2.png" alt=""></td>
        <td>幼儿英语入门课程</td>
        <td>王大山</td>
        <td>2366.00</td>
      </tr>
      <tr>
        <td><img src="../../../assets/kecheng.png" alt=""></td>
        <td>小学英语提升课程</td>
        <td>于晓璐</td>
        <td>3469.00</td>
      </tr>
    </tbody>
  </table>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
   .table{
    text-align: center;
    margin-left: 60px;
     tr{
        td{
          padding: 6px 10px;
        }
     }
     thead{
      font-size:18px;
     }
   }
   .biaoti:hover{
      color:#558BFD
     }
</style>